body{
    background: url('./../../images/login/bgimg.jpg');
}
h1,span{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.loginFrame{
    position: absolute;
    width: 50%;
    height: 500px;
    background: #fff;
    border-radius: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
}
.mainPic{
    position: fixed;
    bottom: 0%;
    /* z-index: 5; */
}
.login-form{
    margin-top: 10%;
    margin-left: 50%;
    width: 50%;
}
.layui-form-item .layui-input-inline{
    float: left;
    width: 200px;
    margin-right: 10px;
}
.confirm{
    text-align: center;
    width: 100%;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #1E9FFF!important;
    background-color: #1E9FFF !important;
    color: #fff;
}
.login{
    position: absolute;
    width: 400px;
    text-align: center;
    /* display: none; */
}

.modify>.confirm{
    width: 80%;
}
.title{
    margin-bottom: 45px;
    text-align: center;
    width: 300px;
}
.title>h1{
    display: inline;
}
.PwdHandle{
    display: flex;
    justify-content:space-around;
}
.forgetPwd{
    margin-bottom: 10px;
    display: flex;
    flex-direction:column;
    justify-content:center;
    color: #908787;
}
.forgetPwd>{
    color: #3BABFF; 
    cursor:pointer
}
.code{
    display: flex;
}
.code>input{
    width: 60%;
}
.getCode{
    display: flex;
    margin-left: 10px;
    color: #3BABFF;
    background: none;
    border: none;
}

.v-enter-active, .v-leave-active{
    transition: opacity .5s;
    transform: translateX(-10px);
}
/* .fade-leave-active below version 2.1.8 */ 
.v-enter, .v-leave-to{
    opacity: 0;
  }